<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>BookRental</title>
<script language="javascript" type="text/javascript" src="../JS/bookdetail.js">
</script>
<style>
#pannel4 {width:600px; height:500px; background-color:white;
         border:#999999 solid 1px; margin: 0 auto;}
#pannel5 {width:500px; height:50px;margin:20px 50px 0px 50px;}
 		 
#renttitle, #overduetitle, #reservtitle, #reviseinfo {float:left;}
#renttitle {width:115px; height:40px; border:#999999 solid 1px;
            text-align:center; vertical-align:middle; margin:4px;}
#overduetitle {width:115px; height:40px; border:#999999 solid 1px;
               text-align:center; vertical-align:middle; margin:4px;}
#reservtitle {width:115px; height:40px; border:#999999 solid 1px;
              text-align:center; vertical-align:middle; margin:4px;}
#reviseinfo {width:115px; height:40px; border:#999999 solid 1px;
             text-align:center; vertical-align:middle; margin:4px;}

#n1, #n2, #n3, #n4 {margin:10px auto;}

#pannel6 {width:500px; height:400px; border:#999999 solid 1px;
		  margin:0px 50px 20px 50px;}
</style>
</head>
<body>
	<div id="pannel4">
		<div id="pannel5">
			<div id="renttitle">
			<div id=n1>
			대출도서
			</div>
			</div>
			<div id="overduetitle">
			<div id=n2>
			연체도서
			</div>
			</div>
			<div id="reservtitle">
			<div id=n3>
			예약도서
			</div>
			</div>
			<div id="reviseinfo">
			<div id=n4>
			회원정보수정
			</div>
			</div>
		</div>
		<div id="pannel6">
			<div id=detail1>
			</div>
			<div id=detail2>
			</div>
			<div id=detail3>
			</div>
		</div>
	</div>
</body>
</html>